body{
background:#f0f2f5!important;/*3a3c35f0 */
font-family: SFProDisplay-Regular, Helvetica, Arial, sans-serif;
}
html{
/*scroll-behavior: smooth;*/
}
li{
padding-bottom:10px;
}
.upBtn {
border: medium none;
border-radius: 100px;
display: flex;
justify-content: center;
align-items:center;
background-color: rgb(36, 144, 249);
color: white;
position: fixed;
right: 15px;
bottom: 30px;
width: 36px;
height: 36px;
opacity: 0.5;
cursor:pointer;
display:none;
}
.upBtn:hover{
opacity:1;
}

.section{
background-color:white;/*2a2828*/
box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.03), 0 2px 5px 0 rgba(0, 0, 0, 0.12);
padding:15px 30px;
margin-bottom:40px;
}
.code{
background-color:rgba(226, 226, 226, 0.84);
padding:2px 7px;
border-radius:2px;
color:#e0173f;
}
p{
line-height:1.5;
margin-top:30px;
margin-bottom:30px;

}
.shorcut{
padding:6px 15px;
border:1px solid gray;
border-radius:50px;
margin:7px;
cursor:pointer;

}
.demoBtn{
padding:8px 15px;
border:1px solid gray;
border-radius:50px;
margin:5px;
cursor:pointer;
text-decoration:none;
background-color:#2196F3;
color:white;
border:none;
font-size: 16px;
}
.downloadBtn{
padding:8px 15px;
border:1px solid gray;
border-radius:50px;
margin:5px;
cursor:pointer;
text-decoration:none;
background-color:#000000c9;
color:white;
border:none;
font-size: 16px;
}
.videoBtn{
padding:8px 15px;
border:1px solid gray;
border-radius:50px;
margin:5px;
cursor:pointer;
text-decoration:none;
background-color:#4CAF50 ;
color:white;
border:none;
font-size: 16px;
}
.rateArticleBtn{
padding:8px 15px;
border:1px solid #2196F3;
border-radius:50px;
margin:5px;
cursor:pointer;
text-decoration:none;
background-color:white;
color:#2196F3;
font-size: 16px;
}

/*for rating stars*/
.rater{
box-shadow:none;
margin-top:45px;
}


h3{
font-size:25px;
}
.section,.shorcut, p, li{
font-size:20px;
}
li{
line-height:1.5;
}
p>a{
 font-size:14px;
}